<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <title>美策平台</title>
    <link rel="icon" type="image/png" href="/img/icon.png">
    <link rel="stylesheet" type="text/css" href="../datepicker/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/app.css">
    <link rel="stylesheet" type="text/css" href="../css/payType.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="/h5/js/all.js"></script>

</head>
<body>
    <div class="payBankCardPage">
        <div class="orderParamTitle">
            我的银行卡
            <img src="../images/return.png" class="orderRtns" onclick="history.go(-1)">
        </div>
        <div style="height:1.066667rem"></div>
        <!-- 未绑定 状态 -->
        <div class="isBankStatus">
            <div class="bankStatus1">
                <img src="../images/order/weibangdingyinhangka.png">
                <p class="p1">您还没有绑定过银行卡</p>
                <p class="p2">快去添加一张吧</p>
                <div class="addBank">添加银行卡</div>
            </div>
        </div>
        <!-- 已绑定 状态 -->
        <div class="noBankStatus">
            <ul class="selectBank">
                <li>
                    <div><img src="../images/order/bank1.png" alt=""></div>
                    <div class="content">
                        <div>中国工商银行</div>
                        <div>6228      ****      ****      9066</div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/order/bank1.png" alt=""></div>
                    <div class="content">
                        <div>中国工商银行</div>
                        <div>6228      ****      ****      9066</div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/order/bank1.png" alt=""></div>
                    <div class="content">
                        <div>中国工商银行</div>
                        <div>6228      ****      ****      9066</div>
                    </div>
                </li>
            </ul>
            <div class="addBank">+添加储蓄卡</div>
        </div>
    </div>
    <script>
       
        (function(){
            function getUrl(arg) {
                var reg = new RegExp("(^|&)" + arg + "=([^&]*)(&|$)", "i"); 
                var r = window.location.search.substr(1).match(reg); 
                if (r != null) return unescape(r[2]); 
                return null; 
            }

            var geturl = Number(getUrl('isBank')) === 1 ? true : false
            if (geturl){
                $('.isBankStatus').css('display', 'none')
                $('.noBankStatus').css('display', 'block')
            } else {
                $('.isBankStatus').css('display', 'block')
                $('.noBankStatus').css('display', 'none')
            }
        })()

        $('.selectBank').click(function(e) {
            window.location.href = 'payMentConfirm.html'
        })
        $('.addBank').click(function(e) {
            window.location.href = 'payAddCard.html'
        })
    </script>
</body>
</html>